<template>
    <div>
        <lightning-input
            label="Priority Only"
            type="checkbox"
            onchange={handleCheckboxChange}
        ></lightning-input>
        <ul class="slds-var-m-top_x-small">
            <template for:each={filteredTodos} for:item="todo">
                <li key={todo.id}>
                    <div class="slds-var-p-vertical_xx-small">
                        <p>{todo.description}</p>
                        <p>Priority: {todo.priority}</p>
                    </div>
                </li>
            </template>
        </ul>
    </div>
</template>
